/* car/index/index.wxss */
page{
    background:#f8f8f8;
}
.top_contain{
    background:white;
}
.top{
    background:#eff8ff ;
    padding:20rpx;
    display: flex;
    justify-content: space-between;
    font-size: 28rpx;
}
.car_contain{
    margin:20rpx;
    padding:15rpx;
    background:white;
    border-radius: 20rpx;
    font-size: 28rpx;
}
.car_title{
    display: flex;
}
.car_title_info{
    width:10%;
}
.car_title_info text{
    background:#f63f2d;
    color:white;
    border-radius: 5rpx;
}
.car_title_left{
    width:75%;
}
.car_title_right{
    width:20%;
    text-align: right;
}
.car_item{
    margin-top:30rpx;
    display: flex;
    justify-content: space-between;
}
.car_item_ck{
    width:10%;
    display: flex;
    align-items: center;
}
.car_item_pic{
    width:30%;
    height:200rpx;
}
.car_item_pic .t-image{
    width:100%;
    height:200rpx;
}
.car_item_info{
    width:58%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.address{
    margin:20rpx;
    padding:20rpx 10rpx;
    border-top:1px solid #8b8b8b;
    background: white;
}
.address_contain{
    display: flex;
    justify-content: space-between;
    font-size: 28rpx;
    align-items: center;
}
.address_left{
    width:90%;
    display: flex;
    flex-direction: column;
    align-items: centere;
}
.address_info{
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.address_user{
    margin-top:15rpx;
}
.address_user text{
    padding-right:15rpx;
}
.address_right{
    width:10%;
    text-align: center;
}
.goods_title{
    font-size: 30rpx;
}
.goods_attr{
    color:#8b8b8b;
    padding:8rpx 0;
}
.goods_price_contain{

}
.goods_price{
    display: flex;
    justify-content: space-between;
}
.price{
    font-size: 24rpx;
    color:red;
    font-weight: bold;
}
.price text{
    font-size: 35rpx;
}
.goods_price .num{
    width:50%;
}
.goods_price_info{
    font-size: 22rpx;
    color:#f63f2d;
}

.car_none_contain{
    margin:20rpx;
    padding:20rpx;
    background: white;
    border-radius: 20rpx;
}
.car_item_ck .done{
    font-size: 24rpx;
    background:#e4eaea;
    color:#8b8b8b;
    border-radius: 5rpx;
    padding:2rpx;
}
.price_none{
    font-size: 24rpx;
    color:#8b8b8b;
}
.none_title{
    display: flex;
    justify-content: space-between;
}
.none_title .none_title_left{
    font-size: 30rpx;
}
.none_title_right{
    font-size: 24rpx;
    color:#227dc4;
}
.error_btn{
    color:blue;
    margin-bottom: 25rpx;
    font-size: 28rpx;
}

/*car_order*/
.car_order_contain{
    width:100%;
    
    position: fixed;
    left:0;
    bottom:110rpx;
    z-index:100;
    background: white;
}
.car_order{
    padding:20rpx;
    display: flex;
    justify-content: space-between;
    font-size: 24rpx;
    align-items: center;
}
.car_order_left{}
.car_order_right{
    width:70%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order_info{
    text-align: right;
}
.info_price{
}
.info_price text{
    color:red;
    font-size: 35rpx;
    font-weight: bold;
}
.info_info{
    color:red;
}
.order_btn{
    width:150rpx;
    background: #0787f4;
    border-radius:50rpx;
    padding:15rpx 20rpx;
    text-align: center;
    color:white;
}
.price_order_info{
    height:0;
    transition: all ease 0.5s;
}
.price_order_info .item{
    margin:0 20rpx;
    margin-top: 15rpx;
    margin-bottom: 15rpx;
    font-size: 28rpx;
    text-align: left;
    padding-bottom: 15rpx;
    border-bottom: 1px solid #f8f8f8;
    display: flex;
}
.price_order_info .item text{
    color:#8b8b8b;
    padding-right:20rpx;
}
.price_order_info .item text.o_title{
    width:20%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.price_order_info .item text.o_price{
    color:black;
}
.bz_contain{
    border-radius: 20rpx;
    background: white;
    margin:20rpx;
    padding:20rpx;
    font-size: 28rpx;
}
.bz_title{
    padding:20rpx 0;
}
.clear_car{
    color:blue;
    margin-top:10rpx;
    text-decoration: underline;
}


/*nav*/
.foot_nav{
    width:100%;
    height:110rpx;
    position:fixed;
    left:0;
    bottom:0;
    z-index: 100;
  }
  .foot_nav_body{
    width:100%;
    height:100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    background: white;
  }
  .foot_nav_item{
    width:25%;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .foot_nav_item .t-image{
    width:50rpx;
    height:50rpx;
  }
  .foot_nav_item text{
    margin-top:10rpx;
    font-size: 24rpx;
    color:#8b8b8b;
  }
  